@charset "UTF-8";
/**
 * 
 * @authors supmain (mtingfeng@gmail.com)
 * @date    2014-12-12 10:59:08
 * @update  2014-12-12 10:59:08
 * @for webapp.html
 * @version $Id$
 */
.items_style { padding-bottom: 15px !important; background-color: #f2f2f2; border-bottom: 1px solid #d6d6d6; }
.items_style > * { background-color: #fff; }
/* 轮播图 */
#bannerbox .swipe-wrap li img { width: 100%; }
.swipe { overflow: hidden; visibility: hidden; position: relative; }
.swipe-wrap { width: 100%; overflow: hidden; position: relative; }
.swipe-wrap > li { float: left; position: relative; }
.swipe-nav { width: 100%; position: absolute; bottom: 10px; left: 0; z-index: 100; height: 14px; text-align: center; }
.swipe-nav a { display: inline-block; width: 10px; height: 10px; background-color: #aaa; text-indent: -9999px; border-radius: 5px; margin: 0 5px; }
.swipe-nav a.on { background-color: #00b7e4; }

.prodetail > h2 { color: #333; font-weight: bold; margin: 0 10px; border-bottom: 1px solid #D6D6D6; padding: 10px 0; }
.prodetail > div >div { background-color: #fff; padding: 10px; }
.prodetail > div > div > p { text-indent: 2em; line-height: 1.6em; }
.aboutinfor { margin-top: 10px; width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); border-bottom: 1px solid #D6D6D6; padding: 0 10px;}
.aboutinfor > span { text-align: center; color: #333; font-size: 16px; cursor: pointer; position: relative; top: 1px; display: block;}
.aboutinfor span.on { color: #08B8E4; padding-bottom: 10px; border-bottom: 2px solid #08B8E4; }
.aboutdetail { padding: 10px; color: #7C7C7C; }
.aboutdetail div p { text-indent: 2em; }
.aboutdetail img { max-width: 100%; margin: 0 auto; }
.charge table { width: 100%; }
.charge table td { padding: 5px 0; }
.download { margin: 10px;}
.download a.btn { padding: 8px 14px!important;}
.download a.btn i {
	position: relative;
	top: -1px;
	margin-right: 5px;
}